<meta charset="utf-8" />
<link href="${ctxPath}/static/css/custom_style.css"
	rel="stylesheet">
<script src="${ctxPath}/static/js/custom.js"></script>

<form class="form-search form-group">
    <div class="center">
	    <div class="input-group">
	    	<input type="text" class="form-control input-lg search-query">
	    	<span class="input-group-addon btn_search">搜索</span>    	    
        </div>
    </div>	
</form>

<!-- todo table-striped需要继续调整颜色  padding-left: 400px;padding-right: 400px -->
<div class="panel panel-radius" style="background-color: #ececec;margin: 0px 50px;height: 450px">      
	<table class="table table-striped table-bordered table-hover">
	<thead>
		<tr style="height:40px;">
			<th>编号ddddddddd</th>
			<th>姓名ddddddddd</th>
			<th>性别ddddddddd</th>
			<th style="text-align: right;">
				<div>
				    <a href="#" id="add_btn_modal" data-toggle="modal" data-target="#adddy-modal"><img style="margin: 0px 4px;" src="static/images/btn_add_icon.png" alt="添加数据" /></a>
					<a href="#"><img style="margin: 0px 4px;" src="static/images/btn_remove_icon.png" alt="删除数据"  /></a>
					<a href="#"><img style="margin: 0px 4px;" src="static/images/btn_confirm_icon.png" alt="保存数据"  /></a>
				</div>
			</th>
		</tr>
	</thead>
	<tbody>
		<tr>
			<td>1</td>
			<td>张三</td>
			<td>男</td>
			<td>50</td>
		</tr>
		<tr>
			<td>2</td>
			<td>李四</td>
			<td>女</td>
			<td>48</td>
		</tr>
		<tr>
			<td>3</td>
			<td>王五</td>
			<td>男</td>
			<td>52</td>
		</tr>
		<tr>
			<td>4</td>
			<td>马六</td>
			<td>男</td>
			<td>55</td>
		</tr>
		<tr>
			<td>5</td>
			<td>马六</td>
			<td>男</td>
			<td>55</td>
		</tr>
		<tr>
			<td>6</td>
			<td>马六</td>
			<td>男</td>
			<td>55</td>
		</tr>
		<tr>
			<td>7</td>
			<td>马六</td>
			<td>男</td>
			<td>55</td>
		</tr>
		<tr>
			<td>8</td>
			<td>马六</td>
			<td>男</td>
			<td>55</td>
		</tr>
		<tr>
			<td>9</td>
			<td>马六</td>
			<td>男</td>
			<td>55</td>
		</tr>
		<tr>
			<td>10</td>
			<td>马六</td>
			<td>男</td>
			<td>55</td>
		</tr>
		<tr>
			<td>11</td>
			<td>马六</td>
			<td>男</td>
			<td>55</td>
		</tr>
		<tr>			
		</tr>
		
	</tbody>
</table>	
</div>
<!-- 分页条 -->
<div style="text-align: right;margin-right: 150px;margin-top: 0px;padding-top: 0px">         
    <ul class="pagination pagination-shadow pagination-lg pagination-centered">
		<li><a href="#">&laquo;</a></li>
		<li><a href="#">1</a></li>
		<li><a href="#">2</a></li>
		<li><a href="#">3</a></li>
		<li><a href="#">4</a></li>
		<li><a href="#">5</a></li>
		<li><a href="#">&raquo;</a></li>
	</ul>	    	
</div>

<!-- 表单 -->
<% include("system/view/modal_form.html"){} %>	
